<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function index() {
            let obj = document.getElementById('div1');
            //获取DOM对象的内容
            console.log(obj.innerHTML);//将内容解析为HTML；标签也会被保留
            console.log(obj.innerText);//将内容作为纯文本；出现转义符时会进行解析
            console.log(obj.textContent);//将内容作为纯文本，出现转义符时会直接保留特性
            

            //设置内容
            obj.innerHTML='你也是个<br>傻逼';//将内容的标签进行解析
            obj.innerText = '你也是个\n傻逼'//不会解析标签，将转义符解析,控制台不会解析
            obj.textContent = "傻\n逼";//不会解析标签，将转义符解析
            
        }
    </script>
</head>

<body>
    <button onclick="index();">点我试试</button>
    <div id="div1">
        <p>我是个傻逼</p>
    </div>
</body>

</html>